<template>
  <div data-v-151f3789="" class="bg-f2">
    <ul
      data-v-151f3789=""
      class="address-box pc-order-address-box"
      @click="
        $router.push({
          path: '/children/chooseaddress',
          query: { target: '/children/order', id: getorderinfo.postAddress.id },
        })
      "
    >
      <div data-v-151f3789="" class="address_img">
        <img
          data-v-151f3789=""
          src=""
          alt="地址"
          class="vertical-middle"
        />
      </div>
      <li data-v-151f3789="">
        <div data-v-151f3789="" class="address-left">
          <div data-v-151f3789="">
            <div data-v-151f3789="" class="address-tit">
              <h1 data-v-151f3789="">
                {{ getorderinfo.postAddress.receiverName }}
              </h1>
              <span data-v-151f3789="">{{
                getorderinfo.postAddress.desensitizationPhoneNum
              }}</span>
            </div>
            <div data-v-151f3789="" class="address-txt">
              <span data-v-151f3789="">{{
                getorderinfo.postAddress.fullAddress
              }}</span>
            </div>
          </div>
        </div>
        <div data-v-151f3789="" class="address-edit">
          <img
            data-v-151f3789=""
            src="https://images.yaodouwang.com/img/user/arrow_r.png"
          />
        </div>
      </li>
    </ul>
    <div data-v-151f3789="" class="order-prod">
      <div data-v-151f3789="" class="o-confirm">
        <div data-v-151f3789="" class="order-store">
          <img
            data-v-151f3789=""
            src=""
            alt=""
          />
          <span data-v-151f3789="" class="font-px28 color-666">{{
            getorderinfo.supplierList[0].supplierName
          }}</span>
          <img
            data-v-151f3789=""
            src="https://images.yaodouwang.com/img/user/arrow_r.png"
          />
        </div>
        <ul data-v-151f3789="">
          <li data-v-151f3789="">
            <!---->
            <div data-v-151f3789="" class="o-top">
              <div data-v-151f3789="" class="goods-detail">
                <div data-v-151f3789="" class="imgBox">
                  <!---->
                  <!---->
                  <img
                    data-v-151f3789=""
                    :src="getorderinfo.supplierList[0].productList[0].imageUrl"
                  />
                </div>
                <div data-v-151f3789="" class="o-rlist">
                  <h1 data-v-151f3789="" class="txt-cut">
                    {{
                      getorderinfo.supplierList[0].productList[0].internalName
                    }}
                  </h1>
                  <div data-v-151f3789="" class="title2">
                    <h1 data-v-151f3789="" class="textSlice one-txt-cut">
                      {{
                        getorderinfo.supplierList[0].productList[0].productSize
                      }}
                    </h1>
                    <!---->
                  </div>
                  <div data-v-151f3789="" class="o-txt-j">
                    <span data-v-151f3789=""
                      ><span data-v-151f3789="" class="font-px20 color-FF7900"
                        >¥</span
                      >
                      <span data-v-151f3789="" class="font-px32 color-FF7900">
                        {{
                          (
                            getorderinfo.supplierList[0].productList[0].price *
                            1
                          ).toFixed(2)
                        }}
                      </span></span
                    >
                    <span data-v-151f3789="" class="num"
                      >x{{
                        getorderinfo.supplierList[0].productList[0].quantity
                      }}件</span
                    >
                  </div>
                </div>
              </div>
              <!---->
            </div>
          </li>
        </ul>
        <ul data-v-151f3789="" class="o-commodity">
          <li data-v-151f3789="">
            <div data-v-151f3789="">
              <span data-v-151f3789="" class="color-333 font-px28"
                >商品总额：</span
              >
            </div>
            <div data-v-151f3789="" class="arr-right">
              <span data-v-151f3789="" class="color-333 font-px28"
                >￥{{ (getorderinfo.grandTotal * 1).toFixed(2) }}</span
              >
            </div>
          </li>
          <!---->
          <li data-v-151f3789="" class="order-freight">
            <span data-v-151f3789="" class="color-333 font-px28">运费：</span>
            <span
              data-v-151f3789=""
              class="order-freight-f colorcolor-333 font-px28"
              >+￥{{ getorderinfo.supplierList[0].subFreightTotal }}.00</span
            >
          </li>
          <li data-v-151f3789="" class="o-bold">
            <span data-v-151f3789="" class="color-333 font-px26">小计：</span>
            <span
              data-v-151f3789=""
              class="color-FF7900 font-px30 font-weight-bold"
              ><span data-v-151f3789="" class="font-px20">¥ </span
              >{{ (getorderinfo.orderTotal * 1).toFixed(2) }}</span
            >
          </li>
        </ul>
      </div>
    </div>
    <!---->
    <!---->
    <!---->
    <!---->
    <ul data-v-151f3789="" class="order-account">
      <li data-v-151f3789="">
        <div data-v-151f3789="" style="flex: 1 1 0%">
          <p data-v-151f3789="">
            <span data-v-151f3789="" class="color-333 font-px28"
              >商品金额：</span
            >
          </p>
        </div>
        <div data-v-151f3789="" class="arr-right" style="margin-left: 50px">
          <span
            data-v-151f3789=""
            class="color-333 font-px28"
            style="padding-right: 25px"
            >￥{{ (getorderinfo.grandTotal * 1).toFixed(2) }}</span
          >
        </div>
      </li>
      <!---->
      <li data-v-151f3789="">
        <div data-v-151f3789="" style="flex: 1 1 0%">
          <p data-v-151f3789="">
            <span data-v-151f3789="" class="color-333 font-px28">运费：</span>
          </p>
        </div>
        <div data-v-151f3789="" class="arr-right" style="margin-left: 50px">
          <span
            data-v-151f3789=""
            class="color-333 font-px28"
            style="padding-right: 25px"
            >+￥{{ (getorderinfo.freightTotal * 1).toFixed(2) }}</span
          >
        </div>
      </li>
      <!---->
      <li data-v-151f3789="">
        <div data-v-151f3789="" style="flex: 1 1 0%">
          <p data-v-151f3789="">
            <span data-v-151f3789="" class="color-333 font-px28 sf"
              ><span data-v-151f3789="">税费：</span
              ><img
                data-v-151f3789=""
                src=""
                alt=""
            /></span>
          </p>
        </div>
        <div data-v-151f3789="" class="arr-right" style="margin-left: 50px">
          <span
            data-v-151f3789=""
            class="color-333 font-px28"
            style="padding-right: 25px"
            >-￥{{ (getorderinfo.sf * 1).toFixed(2) }}</span
          >
        </div>
      </li>
      <!---->
      <li data-v-151f3789="" class="order-total">
        <p data-v-151f3789="">
          <span data-v-151f3789="" class="color-333 font-px30 font-weight-bold"
            >合计:</span
          >
          <span
            data-v-151f3789=""
            class="color-FF7900 font-px34 font-weight-bold"
            >¥{{ (getorderinfo.orderTotal * 1).toFixed(2) }}</span
          >
        </p>
      </li>
    </ul>
    <!---->
    <div data-v-151f3789="" class="o-foot" style="">
      <div data-v-151f3789="" class="o-foot-l">
        <div data-v-151f3789="" class="o-foot-sale">
          <span data-v-151f3789="" class="font-px28 color-333"
            ><span data-v-151f3789="" class="font-px28 color-FF7900"
              >¥<span data-v-151f3789="" class="font-px36">{{
                (getorderinfo.orderTotal  * 1).toFixed(2)
              }}</span></span
            ></span
          >
        </div>
      </div>
      <div data-v-151f3789="" class="o-foot-r main-bg-color">
        <span data-v-151f3789="">提交订单</span>
      </div>
    </div>
    <div
      data-v-151f3789=""
      class="mint-popup mint-popup-bottom"
      style="display: none; width: 100%; border-radius: 15px 15px 0px 0px"
    >
      <div data-v-151f3789="" class="bg-fff detailsBox">
        <p data-v-151f3789="" class="detailsBox_top">
          <img
            data-v-151f3789=""
            src="https://images.yaodouwang.com/img/common/close-popup.png"
            alt=""
            class="close-popup"
          />
        </p>
        <p data-v-151f3789="" class="tk_top">温馨提示</p>
        <p data-v-151f3789="" class="tk_center">
          您的订单中含有处方药，请上传处方！
        </p>
        <div data-v-151f3789="" class="tk-btn">
          <div data-v-151f3789="" class="btn1">稍后上传</div>
          <div data-v-151f3789="" class="btn2">
            立即上传
            <input data-v-151f3789="" name="file" type="file" class="file" />
          </div>
        </div>
      </div>
    </div>
    <!---->
    <div data-v-7c5cbee2="" data-v-151f3789="">
      <div data-v-7c5cbee2="">
        <div
          data-v-7c5cbee2=""
          class="mint-popup pop-common mint-popup-bottom"
          style="display: none; background: rgb(255, 255, 255)"
        >
          <div data-v-7c5cbee2="" class="service-phone-popup">
            <p data-v-7c5cbee2="" class="color-333 font-px32">是否使用药神卡</p>
            <div data-v-7c5cbee2="" class="closeBtn">
              <img
                data-v-7c5cbee2=""
                src="https://images.yaodouwang.com/img/shopOpting/closeBtn.png"
              />
            </div>
            <div data-v-151f3789="" class="ysk-popup">
              <ul data-v-151f3789="">
                <li data-v-151f3789="">
                  <span data-v-151f3789="" class="font-px30 color-666"
                    >使用药神卡</span
                  >
                  <span data-v-151f3789=""
                    ><img
                      data-v-151f3789=""
                      src=""
                      alt=""
                  /></span>
                </li>
                <li data-v-151f3789="">
                  <span data-v-151f3789="" class="font-px30 color-666"
                    >不使用</span
                  >
                  <span data-v-151f3789=""
                    ><img
                      data-v-151f3789=""
                      src=""
                      alt=""
                  /></span>
                </li>
              </ul>
              <button data-v-151f3789="" class="ysk-btn">确定</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      data-v-151f3789=""
      class="mint-popup mint-popup-center"
      style="display: none; width: 544px; border-radius: 15px"
    >
      <div data-v-151f3789="" class="ysk-info">
        <div data-v-151f3789="" class="ysk-info-title">药神卡说明</div>
        <div data-v-151f3789="" class="ysk-info-content">
          <p data-v-151f3789="" class="content-title">免密支付</p>
          <p data-v-151f3789="">选择药神卡支付时，无需输入密码即可完成支付</p>
          <p data-v-151f3789="" class="content-title">使用范围</p>
          <p data-v-151f3789="">
            药神卡余额可用于抵扣部分商品金额，暂不支持抵扣运费
          </p>
          <p data-v-151f3789="" class="content-title">药神卡消费后如何退款</p>
          <p data-v-151f3789="">退款至账户余额，余额可用于支付药兜网订单</p>
        </div>
        <div data-v-151f3789="" class="ysk-info-btn">我知道了</div>
      </div>
    </div>
    <div data-v-96a380d0="" data-v-151f3789=""><!----></div>
    <div data-v-43e1baf1="" data-v-151f3789=""><!----></div>
    <div data-v-cfb66c38="" data-v-151f3789=""><!----></div>
    <div data-v-3ecdb4e6="" data-v-151f3789=""><!----></div>
    <div data-v-001f4f88="" data-v-151f3789=""><!----></div>
  </div>
</template>

<script>
import { orderinfo } from "../../api/zl-goods";
export default {
  data() {
    return {
      getorderinfo: {
        couponDiscountTotal: 0,
        grandTotal: 29.9,
        kjFlag: 2,
        postAddress: {
          id: null,
          fullAddress: null,
          receiverName: null,
          mobile: null,
          desensitizationPhoneNum: null,
          defaultStatus: null,
          provCode: null,
          provinceName: null,
          cityName: null,
          areaName: null,
        },
        rxImageList: [],
        ccFlag: false,
        showCardInfo: false,
        orderTotal: 29.9,
        cardAvailable: 0,
        shipmentType: "EXPRESS",
        freightTotal: 0,
        cardCheckedStatus: true,
        sf: 0,
        supplierCrossStoreTotal: 0,
        payMethod: "PAY_ONLINE",
        cardBalance: 0,
        limit: "",
        supplierList: [
          {
            supplierName: "湖南壹零柒陆药房",
            subCardDiscountTotal: 0,
            supplierId: "888888",
            supplierLogoUrl:
              "https://ydw-b2c.oss-cn-beijing.aliyuncs.com/20200313/6272cfbab1d94df482457d8a1184458c.png",
            existRx: false,
            showDiscountInfo: false,
            updateTime: "2022-02-26 12:14:28",
            subTotal: 29.9,
            couponId: "",
            subSupplierCrossStoreTotal: 0,
            showCardInfo: false,
            cardAvailable: 0,
            subGrandTotal: 29.9,
            cardCheckedStatus: true,
            subFreightTotal: 0,
            cardBalance: 0,
            taxPrice: 0,
            subCouponDiscountTotal: 0,
            productList: [
              {
                country: null,
                amount: 0,
                quantity: 1,
                productId: "81A0008170",
                totalPrice: 29.9,
                rx: "N",
                productWarning: null,
                productSize: "100ml",
                newUserFlag: 0,
                crossStoreCondition: 0,
                currentPrice: 29.9,
                updateTime: "2022-02-24 17:40:53",
                danger: false,
                internalName: "维芙雅维生素E乳【3瓶装】",
                productCategoryId: null,
                price: 29.9,
                imageUrl:
                  "https://ydw-b2c.oss-cn-beijing.aliyuncs.com/20220224/47547c033d4845589d7572881253d66d.jpg",
                producer: "北京美浓日用品有限公司",
                logo: null,
                useHealthyCard: 2,
                partyId: "888888",
                foreignTrade: 0,
                productType: "药品",
                promotion: 0,
              },
            ],
          },
        ],
      },
    };
  },
  created() {
    orderinfo().then((res) => {
      this.getorderinfo = res.data.data;
    });
  },
};
</script>

<style lang="less" scoped>
</style>